<template>
  <div class="web">
    <Tabs>
      <TabPane label="列表" icon="md-list">
        <Table height="auto" :columns="columns" :data="data">
          <template slot-scope="{ row, index }" slot="action">
            <Button type="primary" size="small" style="margin-right: 5px" @click="editVip(index)" class="tb_btn">编辑</Button>
          </template>
        </Table>
        <div class="page-cont">
          <Page :total="100" show-elevator show-total/>
        </div>
      </TabPane>
      <TabPane label="新增" icon="md-add">
        <web-item></web-item>
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
  import webItem from '@/views/apps/webItem'
  export default {
    name: 'web',
    components: {webItem},
    data() {
      return {
        columns: [{title: '序号', type: 'index', align: 'center'},
            {title: '类型', key: 'username', align: 'center'},
            {title: '标题', key: 'avatar', align: 'center'},
            {title: '内容', key: 'mobile', align: 'center', width: 130},
            {title: '附件', key: 'email', align: 'center'},
            {title: '操作', slot: 'action', align: 'center', width: 130}],
        data: []
      }
    },
    methods: {

    },
    created() {
        this.$bus.$emit('getSubMenu', {openName: 'marks', activeName: 'web'})
    }
  }
</script>

<style scoped lang="scss">
  .web {
    background-color: #ffffff;
    .page-cont{
      padding: 15px 10px;
      text-align: right;
      font-size: 12px;
    }
  }
</style>
